*{
 	margin: 0;
 	padding: 0;
 	background-color: white;
 }
 
 a {
 	text-decoration: none;
 	color: #222222;
 }
 body{
 	background-color: ghostwhite;
 }

 li {
 	list-style: none;
 	display: inline-block;
 	
 }
 
 div {
 	width: auto;
 	height: auto;
 	overflow: hidden;
 	background-color: white !important;
 }
 
 .all {
 	width: auto;
 	height: auto;
 }
 
 .topTitile {
 	margin-top: 1rem;
 	position: relative;
 	width: auto;
 	height: auto;
 	text-align: center;
 }
 
 .title-icon {
 	padding: 0 5%;
 	position: relative;
 	width: auto;
 	height: auto;
 	display: inline-block;
 }
 
 .title-icon a span {
 	color: #EC971F;
 }
 
 .title-font {
 	font-size: x-small;
 }
 
 .module {
 	padding-top: 5%;
 	background-color: ;
 	width: auto;
 	height: auto;
 }
 
 .m-title {
 	width: auto;
 	height: auto;
 	margin: auto 10%;
 	position: relative;
 }
 
 .m-title-left {
 	font-weight: 400;
 	left: 0;
 }
 
 .m-title-right {
 	margin-top: -1%;
 	float: right;
 	right: 0;
 	font-size: small;
 }
 
 .allcomics {
 	text-align: center;
 }
 
 .comicsbody {
 	display: inline-block;
 	width: 100px;
 	overflow: hidden;
 }
 
 .comicsbody ul {
 	margin-top: 1rem;
 	padding-left: 2%;
 	margin-bottom: -5%;
 }
 
 .comics {
 	position: relative;
 	display: inline-block;
 	width: 7.5rem;
 }
 
 .comics-cover {

 	width: auto;
 	height: 5.5rem;
 }
 
 .comics-name {
 	font-size: small;
 	text-align: left;
 }
 
 .introduce {
 	font-size: x-small;
 	color: #ACACB4;
 	margin-top: -1.5%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap
 }
 
 .introduce span {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	float: left;
 }
 
 .newcomics-cover {
 	width: auto;
 	height: 5.5rem;
 }
 
 .newcomics-cover img {
 	width: 100%;
 	height: 100%;
 }
 
 .newcomics {
 	position: relative;
 	display: inline-block;
 	width: 11rem;
 }
 
 .newcomicsbody {
 	display: inline-block;
 	width: 153px;
 	overflow: hidden;
 }
 
 .newcomicsbody ul {
 	margin-top: 1rem;
 	padding-left: 2%;
 	margin-bottom: -5%;
 }
 
 .classify-icon{
 	text-align: center;
 }
 #classifyone {
 	background-image: url(../img/classarea.png);
 	background-size: 600%;
 	background-position: 59px -15px;
 	width: 53px;
 	height: 45px; 	
 	display: inline-block;
 }
 #classifytwo{
 	background-image: url(../img/classarea.png);
 	background-size: 600%;
 	background-position: 108px -15px;
 	width: 53px;
 	height: 45px; 	
 	display: inline-block;
 }
 #classifythree {
 	background-image: url(../img/classarea.png);
 	background-size: 600%;
 	background-position: 158px -16px;
 	width: 53px;
 	height: 45px; 	
 	display: inline-block;
 }
  #classifyfour {
 	background-image: url(../img/classarea.png);
 	background-size: 600%;
 	background-position: 206px -18px;
 	width: 53px;
 	height: 45px; 	
 	display: inline-block;
 }
  #classifyfive {
 	background-image: url(../img/classarea.png);
 	background-size: 600%;
 	background-position: 253px -18px;
 	width: 53px;
 	height: 45px; 	
 	display: inline-block;
 }
  #classifysix {
 	background-image: url(../img/classarea.png);
 	background-size: 600%;
 	background-position: -16px -19px;
 	width: 53px;
 	height: 45px; 	
 	display: inline-block;
 }
 .amazing{
 	display: inline-block;
 	padding: 5px 0px 0px 0px !important;
 	width: 100px;
 }
 .classfybody{
 	width: 120px !important;
 }
.classifyli{
	
}
.showdiv{
	display: block;
}
.hiddendiv{
	display: none;
}
